@import 'openmina';

:host .h-md {
  ::ng-deep mina-copy .mina-icon {
    opacity: 0;
  }

  &:hover {
    background-color: $base-container;

    ::ng-deep mina-copy .mina-icon {
      opacity: 1;
    }
  }
}

.tab-group {
  @include flexRowVertCenter();

  .tab {
    min-width: 90px;
    max-width: 200px;
    width: 50%;
    text-align: center;
    border-radius: 6px;
    color: $base-secondary;
    transition: 0.2s;
    background-color: transparent;

    &.selected {
      background-color: $selected-container;
      color: $selected-primary;
    }

    &:hover:not(.selected) {
      background-color: $base-container;
    }
  }
}
